<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="rest.css">
    <link rel="stylesheet" href="buttom-area.css">
</head>

<body>

    <!-- 底部区域 -->
    <div class="buttom-area">
        <!-- 下部中心文字区域 -->
        <div class="buttom-c">
            <!-- 上部分售后维修 -->
            <div class="footer-serves">
                <ul class="list-footer">
                    <li class="iteam-footer-serves img-serves-1">
                        <a href="#" class="link-footer-serves">预约维修服务时钟</a>
                    </li>
                    <li class="diving">|</li>

                    <li class="iteam-footer-serves img-serves-2">
                        <a href="#" class="link-footer-serves">7天无理由退货</a>
                    </li>
                    <li class="diving">|</li>
                    <li class="iteam-footer-serves img-serves-3">
                        <a href="#" class="link-footer-serves">15天免费换货</a>
                    </li>
                    <li class="diving">|</li>
                    <li class="iteam-footer-serves img-serves-4">
                        <a href="#" class="link-footer-serves">满69元包邮</a>
                    </li>
                    <li class="diving">|</li>
                    <li class="iteam-footer-serves img-serves-5">
                        <a href="#" class="link-footer-serves"> 1100余家售后网点</a>
                    </li>

                </ul>
            </div>
            <hr width="100%">
            <!-- 网站页脚中间部分 -->
            <div class="site-footer"  style="background-color: #fff;" >

                <dl class="footer-list">
                    <dt>&nbsp;</dt>
                </dl>
                <dl class="footer-list">
                    <dt class="list-header">选购指南</dt>
                    <dd><a class="listing-footer" href="#">手机</a></dd>
                    <dd><a class="listing-footer" href="#">电视</a></dd>
                    <dd><a class="listing-footer" href="#">笔记本</a></dd>
                    <dd><a class="listing-footer" href="#">穿戴</a></dd>
                    <dd><a class="listing-footer" href="#">耳机</a></dd>
                    <dd><a class="listing-footer" href="#">家电</a></dd>
                    <dd><a class="listing-footer" href="#">路由器</a></dd>
                    <dd><a class="listing-footer" href="#">音箱</a></dd>
                    <dd><a class="listing-footer" href="#">配件</a></dd>
                </dl>
                <dl class="footer-list">
                    <dt class="list-header">服务中心
                    <dt>
                    <dd><a class="listing-footer" href="#">申请售后</a></dd>
                    <dd><a class="listing-footer" href="#">售后政策</a></dd>
                    <dd><a class="listing-footer" href="#">维修服务价格</a></dd>
                    <dd><a class="listing-footer" href="#">订单查询</a></dd>
                    <dd><a class="listing-footer" href="#">以旧换新</a></dd>
                    <dd><a class="listing-footer" href="#">保障服务</a></dd>
                    <dd><a class="listing-footer" href="#">防伪查询</a></dd>
                    <dd><a class="listing-footer" href="#">F码通道</a></dd>
                </dl>
                <dl class="footer-list">
                    <dt class="list-header">线下门店</dt>
                    <dd><a class="listing-footer" href="#">小米之家</a></dd>
                    <dd><a class="listing-footer" href="#">服务网点</a></dd>
                    <dd><a class="listing-footer" href="#">授权体验店/专区</a></dd>
                </dl>
                <dl class="footer-list">
                    <dt class="list-header">关于小米</dt>
                    <dd><a class="listing-footer" href="#">了解小米</a></dd>
                    <dd><a class="listing-footer" href="#">加入小米</a></dd>
                    <dd><a class="listing-footer" href="#">投资者关系</a></dd>
                    <dd><a class="listing-footer" href="#">环境，社会及管治</a></dd>
                    <dd><a class="listing-footer" href="#">廉洁举报</a></dd>
                </dl>
                <dl class="footer-list">
                    <dt class="list-header">关注我们</dt>
                    <dd><a class="listing-footer" href="#">新浪微博</a></dd>
                    <dd><a class="listing-footer" href="#">官方微信</a></dd>
                    <dd><a class="listing-footer" href="#">联系我们</a></dd>
                    <dd><a class="listing-footer" href="#">公益基金会</a></dd>
                </dl>
                <div class="site-contact">


                    <p class="contact-number">400-100-5678</p>
                    <p class="contact-time">8:00-18:00（仅收市话费）</p>
                    <a href="#" class="contact-but"> 人工客服</a>


                </div>
            </div>
            <!-- 网站信息 -->
            <div class="site-info">
                <div class="site-logo">

                </div>
                <div class="info-text">
                    <p class="info-text">
                        <a href="#">小米商城</a><span>|</span>
                        <a href="#">MIUI</a><span>|</span>
                        <a href="#">米家</a><span>|</span>
                        <a href="#">米聊 </a><span>|</span>
                        <a href="#">多看 </a><span>|</span>
                        <a href="#">游戏</a><span>|</span>
                        <a href="#">音乐 </a><span>|</span>
                        <a href="#">政企服务</a><span>|</span>
                        <a href="#">小米天猫店</a><span>|</span>
                        <a href="#">小米集团隐私政策</a><span>|</span>
                        <a href="#">小米公司儿童信息保护规则</a><span>|</span>
                        <a href="#"> 小米商城隐私政策</a><span>|</span>
                        <a href="#">小米商城用户协议</a><span>|</span>
                        <a href="#">问题反馈</a><span>|</span>
                        <a href="#"> Select Location</a><span>|</span>
                    </p>
                    <p class="info-text-1">
                        <a href="#">北京互联网法院法律服务工作站</a><span>|</span>
                        <a href="#">中国消费者协会 </a><span>|</span>
                        <a href="#">北京市消费者协会</a><span>|</span>
                    </p>
                    <div>
                        <p class="info-text-2">
                            <a href="#">© mi.com</a>
                            <a href="#">京ICP证110507号</a>
                            <a href="#">京ICP备10046444号</a>
                            <a href="#">京公网安备11010802020134号</a>
                            <a href="#">京网文[2023]0169-004号</a>
                        </p>
                        <p class="info-text-2">
                            <a href="#">（京）网械平台备字（2018）第00005号</a>
                            <a href="#">互联网药品信息服务资格证</a>
                            <a href="#">营业执照</a>
                            <a href="#">医疗器械质量公告</a>
                        </p>
                        <p class="info-text-2">
                            <a href="#">增值电信业务许可证</a>
                            <a href="#">网络食品经营备案</a>
                            <a href="#">京食药网食备202010048</a>
                            <a href="#">食品经营许可证</a>
                        </p>
                        <p class="info-text-2" style="color: #b0b0b0;">违法和不良信息举报电话：171-5104-4404
                            <a href="#">本网站所列数据，除特殊说明，所有数据均出自我司实验室测试 </a>
    
                        </p>
                        <p class="site-info-link">

                            <a href="https://privacy.truste.com/privacy-seal/validation?rid=4fc28a8c-6822-4980-9c4b-9fdc69b94eb8&lang=zh-cn"><img class="img-info-link" src="https://i1.mifile.cn/f/i/17/site/truste.png" alt=""></a>
                            <a href="https://search.szfw.org/cert/l/CX20120926001783002010"><img class="img-info-link" src="https://s01.mifile.cn/i/v-logo-2.png" alt=""></a>
                            <a href="https://xyt.xinchacha.com/pcinfo?sn=523009637759455232&certType=6"><img class="img-info-link" src="https://xyt.xinchacha.com/img/icon/icon3.png" alt=""></a>
                            <a href="https://www.mi.com/service/buy/commitment/"><img class="img-info-link" src="https://i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt=""></a>
                            <a href="https://webcert.cnmstl.net/cert/grade?sn=3af21034e35011eab3ea00163e068ceb"><img class="img-info-link" src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/775896612b29a9364cf374876cd04e00.png" alt=""></a>
                            
                         
                        </p>
                    </div>
 
                </div>
            </div>
        </div>


    </div>

    <!-- 网站侧边栏 -->
    <div class="toolbar">
        <a href="#" class="phone-app">
            <img src="https://i8.mifile.cn/b2c-mimall-media/98a23aae70f25798192693f21c4d4039.png" alt=""
                class="toolbar-img">
            <p class="toolbar-desc">手机APP</p>

        </a>
        <a href="#" class="phone-app">
            <img src="https://i8.mifile.cn/b2c-mimall-media/55cad219421bee03a801775e7309b920.png" alt=""
                class="toolbar-img">
            <p class="toolbar-desc">个人中心</p>
        </a>
        <a href="#" class="phone-app">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/12eb0965ab33dc8e05870911b90f3f13.png" alt=""
                class="toolbar-img">
            <p class="toolbar-desc">售后服务</p>
        </a>
        <a href="#" class="phone-app">
            <img src="https://i8.mifile.cn/b2c-mimall-media/4f036ae4d45002b2a6fb6756cedebf02.png" alt=""
                class="toolbar-img">
            <p class="toolbar-desc">人工客服</p>
        </a>
        <a href="#" class="phone-app">
            <img src="https://i8.mifile.cn/b2c-mimall-media/d7db56d1d850113f016c95e289e36efa.png" alt=""
                class="toolbar-img">
            <p class="toolbar-desc">购物车</p>
        </a>
        <a href="#" class="phone-app back-top">
            <img src="https://i1.mifile.cn/f/i/2018/home/totop.png" alt="" class="toolbar-img">
            <p class="toolbar-desc">回顶部</p>
        </a>
    </div>

</body>

</html>